<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
<title>Invest Works</title>
<link rel="shortcut icon" type="image/x-icon"
	href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link
	href='http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100'
	rel='stylesheet' type='text/css'>

<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
		<script src="js/modernizr.custom.js"></script>
	<![endif]-->
<script src="js/jquery.carouFredSel-5.5.0-packed.js"
	type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>


<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
<script type="text/javascript">
	$(function() {

		var $tabs = $('#tabs').tabs();

		$(".ui-tabs-panel")
				.each(
						function(i) {

							var totalSize = $(".ui-tabs-panel").size() - 1;

							if (i != totalSize) {
								next = i + 2;
								$(this)
										.append(
												"<a href='#' class='next-tab mover' rel='" + next + "'>Next Page &#187;</a>");
							}

							if (i != 0) {
								prev = i;
								$(this)
										.append(
												"<a href='#' class='prev-tab mover' rel='" + prev + "'>&#171; Prev Page</a>");
							}

						});

		$('.next-tab, .prev-tab').click(function() {
			$tabs.tabs('select', $(this).attr("rel"));
			return false;
		});

	});
</script>
<!-- toggle code -->
<script>
	$(document).ready(function() {
		$("#identity_flip").click(function() {
			$("#identity_panel").slideToggle("slow");
			/* $("#address_panel").slideUp("slow");
			 $("#other_panel").slideUp("slow");*/
		});
	});

	$(document).ready(function() {
		$("#address_flip").click(function() {
			$("#address_panel").slideToggle("slow");
			/* $("#identity_panel").slideUp("slow");
			 $("#other_panel").slideUp("slow");*/
		});
	});

	$(document).ready(function() {
		$("#other_flip").click(function() {
			$("#other_panel").slideToggle("slow");
			/* $("#address_panel").slideUp("slow");
			 $("#identity_panel").slideUp("slow");*/
		});
	});
</script>


</head>
<body>
	<!-- wrapper -->
	<div id="wrapper">
		<!-- shell -->
		<div class="shell">
			<!-- container -->
			<div class="container">
				 <!-- header -->
				<script>
					<%@include file="header.jsp" %>
				</script>	
				<!-- end of header --> 
				
				<div id="back_button">	
				<a href="myinvestwork.jsp"><img src="backarrow4.png"></a>
				</div>	
				<br/>
				<br/>

				<!-- main -->

				<div id="page-wrap">
					<div id="tabs">
						<ul>
							<li><a href="#fragment-1">Redeem All</a></li>
							<li><a href="#fragment-2">Systematic Withdrawal Plan(SWT)</a></li>
						</ul>

						<div id="fragment-1" class="ui-tabs-panel">
							<div id="form_page">
								<br/>
								<form action="#" method="post">
									<fieldset>
										<legend>REDEEM ALL</legend>
										<table class="main_table">

											<tr>
												<td>Name of the first holder:</td>
												<td><input class="text_style" type="text" name="fname"></td>
											</tr>
											<tr>
												<td>Folio no:</td>
												<td><input class="text_style" type="text"
													name="foliono"></td>
											</tr>
											<tr>
												<td>Pan no:</td>
												<td><input class="text_style" type="text" name="panno"></td>
											</tr>

											<tr>
												<td>Scheme</td>
												<td><select>
														<option value="1">1</option>
														<option value="2">2</option>
														<option value="3">3</option>
														<option value="4">4</option>
												</select></td>
											</tr>
											<tr>
												<td>Plan</td>
												<td><input type="radio" name="fromplan">Regular
													<input type="radio" name="fromplan"> Direct</td>
											</tr>
											<tr>
												<td>Option</td>
												<td><input type="radio" name="fromoption">Growth
													<input type="radio" name="fromoption">Dividend-Payout
													<input type="radio" name="fromoption">Dividend-Reinvest</td>
											</tr>
											<tr>
												<td>Dividend Frequency (in case of dividend option)</td>
												<td><input class="text_style" type="text"
													name="fromdivfreq"></td>
											</tr>
											<tr>
												<td>Amount Rs:</td>
												<td><input class="text_style" type="text" name="amount"></td>
											</tr>
											<tr>
												<td>Current NAV:</td>
												<td><input class="text_style" type="text"
													name="currentnav"></td>
											</tr>
											<tr>
												<td>No of units</td>
												<td><input class="text_style" type="text"
													name="noofunits"></td>
											</tr>
											<tr>
												<td><input type="submit" value="Redeem"></td>
												<td><input type="submit" value="Cancel"></td>
											</tr>

										</table>

									</fieldset>
								</form>


							</div>

						</div>


						<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide">
							<div id="form_page">
								<br />

								<form action="#" method="post">
									<fieldset>
										<legend>SYSTEMATIC WITHDRAWAL PLAN</legend>
										<table>

											<tr>
												<td>Name of the first holder:</td>
												<td><input class="text_style" type="text" name="fname"></td>
											</tr>
											<tr>
												<td>Folio no:</td>
												<td><input class="text_style" type="text"
													name="foliono"></td>
											</tr>
											<tr>
												<td>Pan no:</td>
												<td><input class="text_style" type="text" name="panno"></td>
											</tr>
											<tr>
												<td>Amount Type</td>
												<td><input type="radio" name="amounttype">Fixed
													amount <input type="radio" name="amounttype">Capital
													Appreciation</td>
											</tr>
											<tr>
												<td>Amount Rs:</td>
												<td><input class="text_style" type="text" name="amount"></td>
											</tr>
											<tr>
												<td>SWP frequency</td>
												<td><input type="radio" name="frequency">Monthly
													<input type="radio" name="frequency">Quarterly</td>
											</tr>
											<tr>
												<td>SWP date</td>
												<td><input type="radio" name="swpdate">1 <input
													type="radio" name="swpdate">10 <input type="radio"
													name="swpdate">20</td>
											</tr>
											<tr>
												<td>SWP period:Start date</td>
												<td><input class="text_style" type="text"
													name="swpstartdate"></td>
											</tr>
											<tr>
												<td>SWP period:End date</td>
												<td><input class="text_style" type="text"
													name="swpenddate"></td>
											</tr>
											<tr>
												<td>From scheme</td>
												<td><select>
														<option value="1">1</option>
														<option value="2">2</option>
														<option value="3">3</option>
														<option value="4">4</option>
												</select></td>
											</tr>
											<tr>
												<td>Plan</td>
												<td><input type="radio" name="fromplan">Regular
													<input type="radio" name="fromplan"> Direct</td>
											</tr>
											<tr>
												<td>Option</td>
												<td><input type="radio" name="fromoption">Growth
													<input type="radio" name="fromoption">Dividend-Payout
													<input type="radio" name="fromoption">Dividend-Reinvest</td>
											</tr>
											<tr>
												<td>Dividend Frequency (in case of dividend option)</td>
												<td><input class="text_style" type="text"
													name="fromdivfreq"></td>
											</tr>
											<tr>
												<td><input type="submit" value="Redeem"></td>
												<td><input type="submit" value="Cancel"></td>
											</tr>
										</table>
									</fieldset>
								</form>
							</div>
						</div>
					</div>
				</div>

				<!-- end of main -->

				<div class="cl">&nbsp;</div>

			
				<!-- footer -->
				<script>
					<%@include file="footer.jsp" %>
				</script>	
				<!-- end of footer -->
			</div>
			<!-- end of container -->
		</div>
		<!-- end of shell -->
	</div>
	<!-- end of wrapper -->
</body>
</html>